home *** CD-ROM | disk | FTP | other *** search
/ Apple Developer Connectio…eloper Series 2005 March / Dev.CD Mar 05.iso / What's New / Technical Notes and Q&As / ADC Reference Library / css / adcstyle060304.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2004-05-27  |  22.5 KB  |  1,578 lines
  1. /* body */
  2. body {
  3.     margin: 0 10px;
  4.     background-color: #fff;
  5.     color: #000;
  6.     font: 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  7.     }
  8.  
  9. /* links */
  10. a:link {
  11.     color: #00f;
  12.     text-decoration: none;
  13.     }
  14.  
  15. a:visited {
  16.     color: #00a;
  17.     text-decoration: none;
  18.     }
  19.  
  20. a:hover {
  21.     color: #f60;
  22.     text-decoration: underline;
  23.     }
  24.     
  25. a:active {
  26.     color: #f60;
  27.     text-decoration: underline;
  28.     }
  29.  
  30. /* html tags */
  31. th, td, ul, ol, li {
  32.     font: 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  33.     }
  34.         
  35. code, pre    {
  36.     font-family: monaco, "Courier New", courier, monospace;
  37.     font-size: 10px;
  38.     }
  39.  
  40.     /*  Work around IE/Win code size bug - courtesy Jesper, waffle.wootest.net  */
  41.  
  42. * html code    {
  43.     font-size: 101%; 
  44.     }
  45.  
  46. * html pre {
  47.     font-size: 101%; 
  48.     }
  49.  
  50. h1 code, h2 code, h3 code, h4 code, th code { font-size: 95%; font-weight: normal; }
  51.  
  52. h1    {
  53.     margin: 0 0 15px 0;
  54.     padding: 0;
  55.     font: bold 36px 'Myriad Apple', 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  56.     color: #000;
  57.     }
  58.     
  59. h2    {
  60.     margin: 0 0 5px 0;
  61.     padding: 0;
  62.     font-size: 16px;
  63.     color: #000;
  64.     }
  65.     
  66. p + h2 {
  67.     margin: 20px 0 5px 0;
  68.     }
  69.  
  70. ol + h2 {
  71.     margin: 20px 0 5px 0;
  72.     }
  73.  
  74. ul + h2 {
  75.     margin: 20px 0 5px 0;
  76.     }
  77.     
  78. h3    {
  79.     margin: 0;
  80.     padding: 0;
  81.     font-size: 12px;
  82.     color: #000;
  83.     }
  84.  
  85. h3 + table {
  86.     margin: 5px 0 0 0;
  87.     }
  88.     
  89. h4    {
  90.     margin: 0;
  91.     padding: 0;
  92.     font-size: 12px;
  93.     color: #666;
  94.     }
  95.     
  96. h3 + h4 {
  97.     margin: 10px 0 0;
  98.     }
  99.     
  100. h6    {
  101.     margin: 0;
  102.     padding: 0;
  103.     font: normal 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  104.     color: #000;
  105.     }
  106.  
  107. p    {
  108.     margin: 0 0 10px 0;
  109.     padding: 0;
  110.     font: 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  111.     color: #000;
  112.     }
  113.     
  114. th {
  115.     font-weight: bold;
  116.     text-align: left;
  117.     vertical-align: top;
  118.     }
  119.     
  120. form {
  121.     margin: 0;
  122.     }
  123.     
  124. button {
  125.     margin: 3px 0 10px 0;
  126.     }
  127.     
  128. /* lists */
  129. ul    {
  130.     list-style: square outside;
  131.     margin: 0 0 0 30px;
  132.     padding: 0 0 1em 0;
  133.     }
  134.  
  135. li    {
  136.     margin-top: 3px;
  137.     }
  138.     
  139. ul ul {
  140.     margin-left: 40px;
  141.     }
  142.     
  143. ul.compressed {
  144.     margin-top: -10px;
  145.     }
  146.     
  147. ul.compressed li {
  148.     margin-top: 0;
  149.     }
  150.  
  151. ul.marketing {
  152.     padding-left: 0;
  153.     margin: 0 0 16px 0;
  154.     }
  155.     
  156. ul.marketing li    {
  157.     margin-top: 0;
  158.     margin-left: 0;
  159.     margin-bottom: 2px;
  160.     font-size: 10px;
  161.     }
  162.     
  163. ol {
  164.     margin: 0 0 10px 1.5em;
  165.     padding-left: 1.5em;
  166.     }
  167.  
  168. ul.inline, ol.inline, p.inline {
  169.     margin-top: -7px;
  170.     }
  171.     
  172. ul.inline ul, ul.inline ol, ol.inline ul, ol.inline ol {
  173.     margin-top: 0;
  174.     }
  175.  
  176. ol.faq li {
  177.     font-weight: bold;
  178.     }
  179.     
  180. ol.steps li {
  181.     font-weight: bold;
  182.     }
  183.     
  184. ul.nav {
  185.     margin: 8px 0 0;
  186.     padding: 0;
  187.     list-style-type: none;
  188.     }
  189.  
  190. ul.nav li {
  191.     margin-top: 4px;
  192.     padding-left: 0;
  193.     }
  194.     
  195. ul.nobullet {
  196.     list-style-type: none;
  197.     margin-left: 0;
  198.     padding-left: 0;
  199.     }
  200.     
  201. ul.nobullet li {
  202.     margin: 3px 0 5px;
  203.     padding-left: 0;
  204.     }
  205.     
  206. /* images */
  207. .leftinline {
  208.     margin: 0 10px 5px 0;
  209.     float: left;
  210.     }
  211.  
  212. .rightinline {
  213.     margin: 0 0 5px 10px;
  214.     float: right;
  215.     }
  216.  
  217.  
  218. /* tables */
  219. .bumblebee {
  220.     border-top: 1px solid #919699;
  221.     border-left: 1px solid #919699;
  222.     border-right: 1px solid #919699;
  223.     }
  224.  
  225. .bumblebee td {
  226.     padding: 10px;
  227.     font-size: 10px;
  228.     }
  229.     
  230. .bumblebee th {
  231.     padding: 6px 10px 6px 10px;
  232.     font-size: 10px;
  233.     }
  234.  
  235. .bumblebee th {
  236.     background: #7E91A4;
  237.     color: #FFF;
  238.     }
  239.  
  240. .bumblebee td {
  241.     border-bottom: 1px solid #919699;
  242.     text-align: left;
  243.     vertical-align: top;
  244.     }
  245.  
  246. .bumblebeeblue {
  247.     background: #F0F5F9;
  248.     }
  249.  
  250. .bumblebeewhite {
  251.     background: #FFF;
  252.     }
  253.     
  254. .bumblebee .bumblebeeblue td.sortcolumn {
  255.     background: #DCE5EE;
  256.     }
  257.     
  258. .bumblebee .bumblebeewhite td.sortcolumn {
  259.     background: #F5F5F5;
  260.     }
  261.     
  262. .bumblebee th.sortcolumn {
  263.     background: #334455;
  264.     }
  265.     
  266. .bumblebeetop {
  267.     border-top: 1px solid #919699;
  268.     border-left: 1px solid #919699;
  269.     border-right: 1px solid #919699;
  270.     background: #E2E2E2;
  271.     }
  272.     
  273. .bumblebeetop td{
  274.     padding: 10px;
  275.     }
  276.  
  277. td.middle, th.middle {
  278.     vertical-align: middle;
  279.     }
  280.     
  281. td.top, th.top {
  282.     vertical-align: top;
  283.     }
  284.     
  285. td.bottom, th.bottom {
  286.     vertical-align: bottom;
  287.     }
  288.     
  289. td.center, th.center {
  290.     text-align: center;
  291.     }
  292.     
  293. td.right, th.right {
  294.     text-align: right;
  295.     }
  296.     
  297. .smalltable td p {
  298.     font-size: 11px;
  299.     }
  300.  
  301.     
  302. .graybox {
  303.     border-top: 1px solid #919699;
  304.     border-left: 1px solid #919699;
  305.     margin-bottom: 10px;
  306.     }
  307.     
  308. .graybox th {
  309.     padding: 4px 8px 4px 8px;
  310.     background: #E2E2E2;
  311.     font-size: 12px;
  312.     font-weight: bold;
  313.     border-bottom: 1px solid #919699;
  314.     border-right: 1px solid #919699;
  315.     }
  316.     
  317. .graybox td {
  318.     padding: 8px;
  319.     font-size: 12px;
  320.     text-align: left;
  321.     vertical-align: top;
  322.     border-bottom: 1px solid #919699;
  323.     border-right: 1px solid #919699;
  324.     }
  325.     
  326. .graybox table td {
  327.     border: none;
  328.     padding: 0;
  329.     vertical-align: middle;
  330.     }
  331.  
  332. .marketingbox {
  333.     width: 100%;
  334.     border: 1px solid #a1a5a9;
  335.     }
  336.  
  337. .marketingbox th {
  338.     padding: 4px 8px 4px 8px;
  339.     background: #C83808;
  340.     font-size: 12px;
  341.     font-weight: bold;
  342.     color: #FFF;
  343.     }
  344.  
  345. .marketingbox td {
  346.     padding: 8px 8px 0 8px;
  347.     text-align: left;
  348.     vertical-align: top;
  349.     }
  350.     
  351. .documentationtable {
  352.     border: none;
  353.     }
  354.  
  355. .documentationtable td {
  356.     border-bottom: 1px solid #919699;
  357.     text-align: left;
  358.     vertical-align: top;
  359.     padding: 5px 0 10px 0;
  360.     }
  361.     
  362. .documentationtable .bottom{
  363.     border: 0;
  364.     }
  365.         
  366. .businesstable {
  367.     border: none;
  368.     }
  369.  
  370. .businesstable td {
  371.     text-align: left;
  372.     font-size: 10px;
  373.     vertical-align: top;
  374.     padding: 5px 0 10px 0;
  375.     }
  376.     
  377. .documentationtable p {
  378.     font-size: 10px;
  379.     }
  380.  
  381.  
  382. /* rounded corner tables */
  383. .bigboxtop {
  384.     background: #FFF url(/images/bigboxtop.gif) repeat-x top left;
  385.     }
  386.  
  387. .bigboxleft {
  388.     background: #FFF url(/images/bigboxleft.gif) repeat-y top left;
  389.     }
  390.  
  391. .bigboxright {
  392.     background: #FFF url(/images/bigboxright.gif) repeat-y top left;
  393.     }
  394.  
  395. .bigboxbottom {
  396.     background: #FFF url(/images/bigboxbottom.gif) repeat-x top left;
  397.     }
  398.     
  399. .boxtop {
  400.     background: #FFF url(/images/boxtop.gif) repeat-x top left;
  401.     }
  402.  
  403. .boxleft {
  404.     background: #FFF url(/images/boxleft.gif) repeat-y top left;
  405.     }
  406.  
  407. .boxright {
  408.     background: #FFF url(/images/boxright.gif) repeat-y top left;
  409.     }
  410.  
  411. .boxbottom {
  412.     background: #FFF url(/images/boxbottom.gif) repeat-x top left;
  413.     }
  414.  
  415.  
  416. /* general classes */
  417. .contentpadding {
  418.     padding: 0 10px;
  419.     }
  420.     
  421. .smalltext {
  422.     font-size: 10px;
  423.     }
  424.     
  425. .blueheader {
  426.     color: #FFF;
  427.     background: #7E91A4;
  428.     padding: 3px 0 3px 7px;
  429.     }
  430.  
  431. .sourcecodebox {
  432.     border: 1px solid #c7cfd5;
  433.     background: #f1f5f9;
  434.     margin: 20px 0;
  435.     padding: 15px;
  436.     text-align: left;
  437.     }
  438.     
  439. .notebox {
  440.     border: 1px solid #a1a5a9;
  441.     background: #e8e8e8;
  442.     margin: 20px 0;
  443.     padding: 15px;
  444.     text-align: left;
  445.     }
  446.     
  447. div.notebox {
  448.     padding-bottom: 5px;
  449.     }
  450.     
  451. .gray {
  452.     color: #787c7f;
  453.     }
  454.     
  455. #footnote h3, #footnote p {
  456.     color: #76797C;
  457.     font-size: 11px;
  458.     }
  459.  
  460. .footnote {
  461.     font-size: 11px;
  462.     color: #76797C;
  463.     }
  464.     
  465. .editorial {
  466.     font-style: italic;
  467.     margin: 20px 0;
  468.     }
  469.     
  470. .libindex {
  471.     border-bottom: 1px solid #939393;
  472.     padding: 0 3px;
  473.     background-color: #DADADA;
  474.     margin: 0 1px;
  475.     }
  476.  
  477. /* forms */
  478. #forms input {
  479.     vertical-align: middle;
  480.     padding: 0;
  481.     margin: 0 0 5px 0;
  482.     }
  483.  
  484. #forms select {
  485.     vertical-align: middle;
  486.     padding: 0;
  487.     margin: 0 0 3px 0;
  488.     }
  489.  
  490. #forms .widefield, #advsearch .widefield {
  491.     width: 98%;
  492.     margin-bottom: 5px;
  493.     }
  494.  
  495. #forms .halffield {
  496.     width: 50%;
  497.     margin-bottom: 5px;
  498.     }
  499.  
  500. #forms .extraspace {
  501.     padding-bottom: 8px;
  502.     }
  503.  
  504. #forms .quarterfield {
  505.     width: 25%;
  506.     margin-bottom: 5px;
  507.     }
  508.     
  509. #forms .inputbutton, #advsearch .inputbutton {
  510.     margin: 5px 0 10px 0;
  511.     border: 0;
  512.     }
  513.     
  514. #forms .checkbox, #advsearch .checkbox {
  515.     margin: 0 5px 0 0;
  516.     vertical-align: baseline;
  517.     }
  518.     
  519. #forms .radio {
  520.     margin: 0 5px 0 0;
  521.     vertical-align: baseline;
  522.     }
  523.     
  524. #forms textarea {
  525.     margin: 0 0 10px 0;
  526.     width: 100%;
  527.     }
  528.     
  529. #forms p {
  530.     margin-top: 7px;
  531.     }
  532.     
  533. #forms .buttonlists {
  534.     line-height: 20px;
  535.     }
  536.     
  537. #forms .buttondescription {
  538.     line-height: 15px;
  539.     margin: -10px 10px 5px 20px;
  540.     font-size: 10px;
  541.     }
  542.  
  543.  
  544. /* header */
  545. #adcnavheader td {
  546.     font: 10px 'Lucida Grande', Geneva, Helvetica, Arial, sans-serif;
  547.     }
  548.  
  549. #adcnavheader input {
  550.     margin: 0 3px 0 0;
  551.     padding: 0;
  552.     }
  553.  
  554. #adcnavheader .textpadding {
  555.     padding-top: 2px;
  556.     vertical-align: middle;
  557.     }
  558.     
  559. #adcnavheader .searchbutton {
  560.     border: 0;
  561.     }
  562.  
  563.  
  564. /* breadcrumb */
  565. #breadcrumb td {
  566.     font: 10px 'Lucida Grande', Geneva, Helvetica, Arial, sans-serif;
  567.     }
  568.  
  569. #breadcrumb form {
  570.     margin: 0;
  571.     }
  572.     
  573. #breadcrumb select {
  574.     vertical-align:  middle;
  575.     }
  576.  
  577.  
  578. /* sidebar */
  579. #sidebar h2, .swlsidebar h2 {
  580.     font-size: 12px;
  581.     }
  582.     
  583. #sidebar h3, #sidebar h4, .swlsidebar h3, .swlsidebar h4 {
  584.     font-size: 12px;
  585.     }
  586.     
  587. #sidebar p, #sidebar ol, #sidebar ul, .swlsidebar p, .swlsidebar ol, .swlsidebar ul {
  588.     font-size: 11px;
  589.     }
  590.  
  591. #sidebar ul, .swlsidebar ul {
  592.     margin-left: 16px;
  593.     padding-left: 0;
  594.     }
  595.  
  596. #sidebar li, .swlsidebar li {
  597.     font-size: 11px;
  598.     margin-top: 2px;
  599.     }
  600.     
  601. #sidebar ul.nav, .swlsidebar ul.nav {
  602.     margin: 8px 0 0;
  603.     padding: 0;
  604.     list-style-type: none;
  605.     }
  606.  
  607. #sidebar ul.nav li, .swlsidebar ul.nav li {
  608.     margin-top: 4px;
  609.     padding-left: 0;
  610.     background: none;
  611.     }
  612.  
  613. /* footer */
  614. #footer td, #footer p {
  615.     font-size: 10px;
  616.     }
  617.     
  618. .footerbreadcrumb {
  619.     font-size: 10px;
  620.     }
  621.  
  622. /* 404 page definitions*/
  623. #notfound h2 {
  624.     font-size: 12px;
  625.     }
  626.     
  627. #notfound h3, #notfound h4 {
  628.     font-size: 12px;
  629.     }
  630.     
  631. #notfound p, #notfound ul {
  632.     font-size: 10px;
  633.     }
  634.  
  635. #notfound ul {
  636.     margin: 0 0 15px 0;
  637.     padding-left: 0;
  638.     list-style-type: none;
  639.     }
  640.  
  641. #notfound ul li {
  642.     font-size: 10px;
  643.     margin: 3px 0 0 0;
  644.     padding-left: 0;
  645.     background: none;
  646.     }
  647.     
  648. #notfound ul ul {
  649.     margin-top: 0;
  650.     margin-left: 16px;
  651.     list-style: square outside;
  652.     }
  653.  
  654. #notfound ul ul li {
  655.     margin-left: 0;
  656.     padding-left: 0;
  657.     }
  658.  
  659. li.sectionbreak {
  660.     margin-bottom: 15px;
  661.     }
  662.  
  663. /* advanced search */
  664. #advsearch h4 {
  665.     margin-bottom: 10px;
  666.     }
  667.     
  668. #advsearch p {
  669.     line-height: 20px;
  670.     }
  671.     
  672. /* contact page */
  673. .iconlinks td {
  674.     font-size: 11px;
  675.     }
  676.     
  677. /* search results */
  678. .boxtop7e91a4 {
  679.     background: #FFF url(/images/boxtop7e91a4.gif) repeat-x top left;
  680.     }
  681.  
  682. .boxtopleft7e91a4 {
  683.     background: #FFF url(/images/boxtopleft7e91a4.gif) repeat-y top left;
  684.     }
  685.  
  686. .boxtopright7e91a4 {
  687.     background: #FFF url(/images/boxtopright7e91a4.gif) repeat-y top left;
  688.     }
  689.  
  690. .boxbottom7e91a4 {
  691.     background: #FFF url(/images/boxbottom7e91a4.gif) repeat-x top left;
  692.     }
  693.  
  694. .filesize {
  695.     color: #7F8285;
  696.     }
  697.  
  698. tr.results th, tr.results td {
  699.     font-size: 12px;
  700.     color: #FFF;
  701.     background-color: #7e91a4;
  702.     font-weight: normal;
  703.     }
  704.  
  705. tr.results a {
  706.     color: #FFF;
  707.     font-weight: bold;
  708.     }
  709.     
  710. .oddrow {
  711.     background-color: #ffffff;
  712.     }
  713.     
  714. .evenrow {
  715.     background-color: #f0f5f9;
  716.     }
  717.  
  718. /* software licensing descriptions */
  719. .swlleftrule {
  720.     border-left: 1px solid #A1A5A9;
  721.     padding-left: 10px;
  722.     padding-right: 10px;
  723.     }    
  724.  
  725. .swlsidebar {
  726.     padding-right: 10px;
  727.     }
  728.  
  729. /* narrative */
  730. #narrative blockquote {
  731.     margin: 0 20px 10px 20px;
  732.     color: #3972B8;
  733.     }
  734.  
  735. #narrative .pullquote {
  736.     font-size: 17px;
  737.     color: #FFF;
  738.     padding: 8px;
  739.     background-color: #3972B8;
  740.     border: 1px solid #000;
  741.     }
  742.     
  743. #narrative.color779D90 blockquote {
  744.     color: #779D90;
  745.     }
  746.     
  747. #narrative.color779D90 .pullquote {
  748.     background-color: #779D90;
  749.     }
  750.  
  751. #narrative.color3C6E6E blockquote {
  752.     color: #3C6E6E;
  753.     }
  754.     
  755. #narrative.color3C6E6E .pullquote {
  756.     background-color: #3C6E6E;
  757.     }
  758.  
  759. #narrative.color6D8042 blockquote {
  760.     color: #6D8042;
  761.     }
  762.     
  763. #narrative.color6D8042 .pullquote {
  764.     background-color: #6D8042;
  765.     }
  766.  
  767. #narrative.color3E583D blockquote {
  768.     color: #3E583D;
  769.     }
  770.     
  771. #narrative.color3E583D .pullquote {
  772.     background-color: #3E583D;
  773.     }
  774.  
  775. #narrative.color9AB0C5 blockquote {
  776.     color: #9AB0C5;
  777.     }
  778.     
  779. #narrative.color9AB0C5 .pullquote {
  780.     background-color: #9AB0C5;
  781.     }
  782.  
  783. #narrative.color3972B8 blockquote {
  784.     color: #3972B8;
  785.     }
  786.     
  787. #narrative.color3972B8 .pullquote {
  788.     background-color: #3972B8;
  789.     }
  790.  
  791. #narrative.color3C6C9D blockquote {
  792.     color: #3C6C9D;
  793.     }
  794.     
  795. #narrative.color3C6C9D .pullquote {
  796.     background-color: #3C6C9D;
  797.     }
  798.  
  799. #narrative.color7A6B94 blockquote {
  800.     color: #7A6B94;
  801.     }
  802.     
  803. #narrative.color7A6B94 .pullquote {
  804.     background-color: #7A6B94;
  805.     }
  806.     
  807. #narrative.color50395C blockquote {
  808.     color: #50395C;
  809.     }
  810.     
  811. #narrative.color50395C .pullquote {
  812.     background-color: #50395C;
  813.     }
  814.     
  815. #narrative.color812A28 blockquote {
  816.     color: #812A28;
  817.     }
  818.     
  819. #narrative.color812A28 .pullquote {
  820.     background-color: #812A28;
  821.     }
  822.  
  823.     
  824.     
  825. /* source code */
  826. #scdetails p {
  827.     line-height: 17px;
  828.     }
  829.     
  830. #scdetails select {
  831.     vertical-align: middle;
  832.     padding: 0;
  833.     margin: 0;
  834.     }
  835.     
  836. #scdetails input {
  837.     vertical-align: middle;
  838.     padding: 0;
  839.     margin: 0;
  840.     }
  841.  
  842. /* Technology Pages */
  843.     
  844. #techstart {
  845.     float: right;
  846.     width: 125px;
  847.     font-size: 10px;
  848.     line-height: 15px;
  849.     padding: 0 0 2px;
  850.     }
  851.     
  852. #techstart h3 {
  853.     font-size: 12px;
  854.     margin-bottom: 3px;
  855.     }
  856.     
  857. p.intro {
  858.     padding: 0 10px 0 0;
  859.     border-right: 1px solid #a1a5a9;
  860.     margin-right: 139px;
  861.     }
  862.  
  863. #techlist {
  864.     font-size: 11px;
  865.     margin: 0 0 15px;
  866.     }
  867.     
  868. #techlist h2 {
  869.     position: relative;
  870.     font-size: 12px;
  871.     padding: 0 0 9px 35px;
  872.     margin: 20px 0 5px;
  873.     background: url(/images/bg_tech_h2.gif) repeat-x bottom left;
  874.     }
  875.     
  876. #techlist h2 img {
  877.     position: absolute;
  878.     left: 0;
  879.     bottom: 1%;
  880.     }
  881.  
  882.     /* hack for various IEs \*/
  883.     #technologypage img {
  884.         bottom: 0;
  885.         }
  886.     
  887.     * html #technologypage h2 {
  888.         height: 100%;
  889.         }
  890.     /* end hack */
  891.  
  892.     
  893. #techlist p, #techlist h3, #techlist li {
  894.     font-size: 11px;
  895.     }
  896.     
  897. #techlist h4 {
  898.     font-weight: bold;
  899.     color: #000;
  900.     font-size: 11px;
  901.     }
  902.     
  903. #techchild h2 {
  904.     padding-bottom: 5px;
  905.     border-bottom: 1px solid #a1a5a9;
  906.     margin-bottom: 10px;
  907.     }    
  908.  
  909. #techchild h3 {
  910.     font-weight: normal;
  911.     }
  912.         
  913. .sidebartable {
  914.     border: 1px solid #a1a5a9;
  915.     margin-bottom: 10px;
  916.     }
  917.     
  918. .sidebartable th {
  919.     padding: 4px 8px 4px 10px;
  920.     background: #DBDBDB;
  921.     font-size: 12px;
  922.     font-weight: bold;
  923.     border-bottom: 1px solid #a1a5a9;
  924.     }
  925.     
  926. .sidebartable td {
  927.     padding: 0 10px 10px;
  928.     font-size: 11px;
  929.     text-align: left;
  930.     vertical-align: top;
  931.     }
  932.     
  933. .sidebartable h2, .sidebartable p, .sidebartable ul {
  934.     margin: 10px 0 2px;
  935.     padding: 0;
  936.     }
  937.     
  938. .sidebartable table td {
  939.     border: none;
  940.     padding: 0;
  941.     vertical-align: middle;
  942.     }    
  943.  
  944. /* --------------- styles from before 12-01-2003 ---------------- */
  945.  
  946. /* home page */
  947. #articlehead {
  948.     font-weight: bold;
  949.     font-size: 12px;
  950.     color: #000; 
  951.     }
  952.  
  953. #linklisthead {
  954.     font-weight: bold;
  955.     font-size: 12px;
  956.     color: #000; 
  957.     }
  958.  
  959. #sectionhead {
  960.     font-weight: bold;
  961.     font-size: 14px;
  962.     color: #000; 
  963.     }
  964.  
  965. #sectionsubhead {
  966.     font-weight: bold;
  967.     font-size: 12px;
  968.     color: #000; 
  969.     }
  970.  
  971. #sectionheadorange {
  972.     font-weight: bold;
  973.     font-size: 14px;
  974.     color: #db3700; 
  975.     }
  976.  
  977. #resources {
  978.     margin-bottom: 3px;
  979.     font-weight: normal;
  980.     font-size: 10px; 
  981.     }
  982.  
  983. .membership_bullets {
  984.     color: #ffffff;
  985.     font-weight: normal;
  986.     font-size: 10px; 
  987.     }
  988.  
  989.  
  990. /* glossary page styles */
  991. #glossary_header { 
  992.     font-size: 12px;
  993.     font-weight: bold; 
  994.     }
  995.  
  996. #glossary_header_letter { 
  997.     font-size: 14px;
  998.     font-weight: bold; 
  999.     }
  1000.  
  1001.  
  1002. /* form class, removes whitespace browsers use by default with forms */
  1003. #form {
  1004.     margin: 0;
  1005.     }
  1006.  
  1007.  
  1008. /* paragraph describing page located just below the black text page title */
  1009. #paragraph_description {
  1010.     font-size: 12px;
  1011.     }
  1012.  
  1013.  
  1014. /* rate this page feedback form styles */
  1015. #feedback_bull {
  1016.     font-size: 10px;
  1017.     color: #ffffff;
  1018.     text-align: center;
  1019.     }
  1020.  
  1021. #feedback_text {
  1022.     font-size: 10px;
  1023.     color: #000;
  1024.     }
  1025.  
  1026. #radio_help {
  1027.     text-align: center;
  1028.     padding-top: 4px;
  1029.     }
  1030.  
  1031. #radio_easy {
  1032.     text-align: center;
  1033.     padding-bottom: 4px;
  1034.     }
  1035.  
  1036.  
  1037. /* search results box styles */
  1038. #results_cell_first { 
  1039.     border-top: 1px #a2a6a9 solid;
  1040.     border-left: 1px #a2a6a9 solid; 
  1041.     }
  1042.  
  1043. #results_cell_title {
  1044.     padding-top: 10px;
  1045.     padding-bottom: 10px;
  1046.     border-top: 1px #a2a6a9 solid;
  1047.     padding-right: 6px;
  1048.     font-size: 12px;
  1049.     font-weight: bold;
  1050.     vertical-align: top;
  1051.     }
  1052.  
  1053. #results_cell_other {
  1054.     padding-top: 10px;
  1055.     padding-bottom: 10px;
  1056.     border-top: 1px #a2a6a9 solid;
  1057.     padding-left: 6px;
  1058.     padding-right: 6px;
  1059.     vertical-align: top;
  1060.     }
  1061.  
  1062. #results_cell_date {
  1063.     padding-top: 10px;
  1064.     padding-bottom: 10px;
  1065.     border-top: 1px #a2a6a9 solid;
  1066.     padding-left: 4px;
  1067.     vertical-align: top;
  1068.     }
  1069.  
  1070. #results_cell_last {
  1071.     border-top: 1px #a2a6a9 solid;
  1072.     border-right: 1px #a2a6a9 solid;
  1073.     }
  1074.  
  1075. .results_description { 
  1076.     font-size: 10px;
  1077.     font-weight: normal;
  1078.     }
  1079.  
  1080.  
  1081. /* apple script (or any other reference library page) styles */
  1082. #header { 
  1083.     font-size: 12px;
  1084.     font-weight: bold;
  1085.     }
  1086.  
  1087. #link_header {
  1088.     font-size: 10px;
  1089.     font-weight: bold;
  1090.     }
  1091.  
  1092. #blue_header {
  1093.     font-size: 12px;
  1094.     font-weight: bold;
  1095.     color: #000099;
  1096.     }
  1097.  
  1098. #td_left_line {
  1099.     border-left: 1px #555555;
  1100.     }
  1101.  
  1102.  
  1103. /* co marketing styles */
  1104. #icon_cell {
  1105.     height: 93px;
  1106.     text-align: center;
  1107.     }
  1108.  
  1109. #detail_header {
  1110.     text-align: center;
  1111.     background: #6d7f95;
  1112.     color: #ffffff;
  1113.     font-family: verdana;
  1114.     font-weight: bold;
  1115.     font-size: 10px;
  1116.     }
  1117.  
  1118. #vendor_bullet {
  1119.     color: #696969;
  1120.     }
  1121.  
  1122. #comarket_paragraph {
  1123.     color: #696969;
  1124.     font-size: 12px;
  1125.     }
  1126.  
  1127. #vendor_detail {
  1128.     font-size: 12px;
  1129.     }
  1130.  
  1131. #vendor_contact {
  1132.     font-family: Verdana, Arial, Helvetica, sans-serif;
  1133.     font-size: 10px;
  1134.     }
  1135.  
  1136. #detail_heading {
  1137.     font-weight: bold;
  1138.     }
  1139.  
  1140. #detail_copy {
  1141.     font-size: 12px;
  1142.     }
  1143.  
  1144. #discount_box_header {
  1145.     color: #ffffff;
  1146.     font-weight: bold;
  1147.     }
  1148.  
  1149. #discount_box_copy {
  1150.     font-size: 12px;
  1151.     }
  1152.  
  1153. #photo_table_copy {
  1154.     color: #7d7d7d;
  1155.     font-size: 10px;
  1156.     }
  1157.  
  1158.  
  1159.  
  1160. /*narrative styles */
  1161. #narrative_paragraph {
  1162.     color: #696969;
  1163.     font-size: 14px;
  1164.     }
  1165.  
  1166. #narrative_header {
  1167.     font-size: 13px;
  1168.     font-weight: bold;
  1169.     }
  1170.  
  1171. #narrative_content {
  1172.     font-size: 12px;
  1173.     vertical-align: top;
  1174.     }
  1175.  
  1176. #pic_box_text {
  1177.     color: #878787;
  1178.     line-height: 11px;
  1179.     font-size: 11px; 
  1180.     }
  1181.  
  1182. #red_copy {
  1183.     color: #7f0f0b;
  1184.     padding-left: 15px;
  1185.     }
  1186.  
  1187. #blue_copy {
  1188.     color: #466c9b;
  1189.     padding-left: 15px;
  1190.     }
  1191.  
  1192. #green_copy {
  1193.     color: #3b636f;
  1194.     padding-left: 15px;
  1195.     }
  1196.  
  1197. #purple_copy {
  1198.     color: #665588;
  1199.     padding-left: 15px;
  1200.     }
  1201.  
  1202. #gray_copy {
  1203.     color: #787c7f;
  1204.     padding-left: 15px;
  1205.     }
  1206.  
  1207. #pager {
  1208.     color: #76797c;
  1209.     }
  1210.  
  1211.  
  1212.  
  1213. /* frameset: table of contents frame */
  1214. #toc_contents_text {
  1215.     font-size: 12px;
  1216.     color: #0000ff;
  1217.     }
  1218.  
  1219. #toc_contents_text_open {
  1220.     font-size: 12px;
  1221.     background: #ffffff;
  1222.     color: #0000ff;
  1223.     }
  1224.  
  1225. #low_level_text {
  1226.     font-size: 10px;
  1227.     color: #0000ff;
  1228.     }
  1229.  
  1230. #low_level_text_on {
  1231.     font-size: 10px;
  1232.     color: #0000ff;
  1233.     }
  1234.  
  1235. #top_level_open {
  1236.     background: #ffffff;
  1237.     }
  1238.  
  1239. #third_level {
  1240.     background: #ffffff;
  1241.     }
  1242.  
  1243. #toc_contents_title {
  1244.     font-size: 14px;
  1245.     color: #ffffff;
  1246.     font-weight: bold;
  1247.     }
  1248.  
  1249. #toc_contents_heading {
  1250.     font-size: 12px;
  1251.     font-weight: bold;
  1252.     }
  1253.  
  1254.  
  1255.  
  1256. /* frameset: content frame */
  1257. #content_text {
  1258.     font-size: 12px;
  1259.     font-weight: normal;
  1260.     }
  1261.  
  1262.  
  1263. /* frameset: page title */
  1264. #page_title {
  1265.     font-family: 'Myriad Apple', 'Myriad', Arial, Helvetica, 'Lucida Grande';
  1266.     font-size: 36px;
  1267.     font-weight: bold;
  1268.     color: #000;
  1269.     }
  1270.  
  1271.  
  1272. /* frameset: unordered list */
  1273. ul .content {
  1274.     font-size: 12px; 
  1275.     }
  1276.  
  1277.  
  1278. /* product line styles */
  1279. #product_line_list {
  1280.     font-size: 10px; 
  1281.     }
  1282.  
  1283. #product_line_bullet {
  1284.     font-size: 10px;
  1285.     vertical-align: top;
  1286.     color: #0000ff;
  1287.     }
  1288.  
  1289.  
  1290.  
  1291. /* technical note classes */
  1292. #important_note {
  1293.     background: #e2e2e2;
  1294.     border: 1px solid #cccccc;
  1295.     }
  1296. #page_contents {
  1297.     font-size: 12px; line-height: 20px; color: #0000ff;
  1298.     }
  1299.  
  1300. #tech_content {
  1301.     font-size: 12px;
  1302.     }
  1303.  
  1304. #tech_header {
  1305.     font-size: 14px;
  1306.     font-weight: bold;
  1307.     }
  1308.  
  1309. #tech_subhead {
  1310.     font-size: 12px;
  1311.     font-weight: bold;
  1312.     }
  1313.  
  1314. #tech_list {
  1315.     font-size: 12px;
  1316.     padding-bottom: 9px;
  1317.     }
  1318.  
  1319. #source_code_box {
  1320.     border: 1px solid #c7cfd5;
  1321.     background: #f1f5f9; 
  1322.     }
  1323.  
  1324. #source_code {
  1325.     font-family: monaco, courier, monospace;
  1326.     font-size: 10px;
  1327.     margin-bottom: 0;
  1328.     padding: 12px;
  1329.     }
  1330.  
  1331. #example_title {
  1332.     font-size: 10px;
  1333.     margin-bottom: 5px;
  1334.     color: #28333b;
  1335.     }
  1336.  
  1337. #example_table_header {
  1338.     font-weight: bold;
  1339.     background: #c7cfd5; 
  1340.     }
  1341.  
  1342. #example_table_cell {
  1343.     border: 1px #c7cfd5 solid;
  1344.     background: #f1f5f9;
  1345.     vertical-align: top;
  1346.     font-size: 12px;
  1347.     }
  1348.  
  1349. #download_cell_1 {
  1350.     background: #f6f6f6;
  1351.     font-size: 11px;
  1352.     padding-top: 2px;
  1353.     padding-bottom: 2px;
  1354.     padding-left: 2px;
  1355.     border-left: 1px solid #e6e6e6;
  1356.     border-top: 1px solid #e6e6e6;
  1357.     border-bottom: 1px solid #e6e6e6;
  1358.     }
  1359.  
  1360. #download_cell_2 {
  1361.     background: #f6f6f6;
  1362.     font-size: 10px;
  1363.     padding-top: 2px;
  1364.     padding-bottom: 2px; 
  1365.     border-top: 1px solid #e6e6e6;
  1366.     border-bottom: 1px solid #e6e6e6;
  1367.     }
  1368.  
  1369. #download_cell_3 {
  1370.     background: #f6f6f6;
  1371.     font-size: 10px;
  1372.     padding-top: 2px;
  1373.     padding-bottom: 2px;
  1374.     padding-right: 2px;
  1375.     border-right: 1px solid #e6e6e6;
  1376.     border-top: 1px solid #e6e6e6;
  1377.     border-bottom: 1px solid #e6e6e6;
  1378.     }
  1379.  
  1380. #download_content {
  1381.     font-size: 12px;
  1382.     vertical-align: middle;
  1383.     }
  1384.  
  1385. #download_link {
  1386.     font-size: 10px;
  1387.     vertical-align: middle;
  1388.     }
  1389.  
  1390. #back_to_top {
  1391.     font-size: 10px; 
  1392.     }
  1393.  
  1394.  
  1395.  
  1396. /* membership overview styles */
  1397. #member_header {
  1398.     text-align: left;
  1399.     font-family: verdana;
  1400.     font-weight: bold;
  1401.     font-size: 10px;
  1402.     color: #ffffff; 
  1403.     }
  1404.  
  1405. #member_category {
  1406.     text-align: center;
  1407.     border-left: 1px #ffffff solid;
  1408.     font-family: Verdana, Arial, Helvetica, sans-serif;
  1409.     font-weight: bold;
  1410.     font-size: 10px;
  1411.     color: #ffffff;
  1412.     }
  1413.  
  1414. #white_row {
  1415.     background: #ffffff;
  1416.     }
  1417.  
  1418. #blue_row {
  1419.     background: #f0f5f9;
  1420.     }
  1421.  
  1422. #spacer_row {
  1423.     border-right: 1px solid #a2a6a9;
  1424.     border-left: 1px solid #a2a6a9;
  1425.     }
  1426.  
  1427. #left_border {
  1428.     border-left: 1px solid #a2a6a9;
  1429.     }
  1430.  
  1431. #right_border {
  1432.     border-right: 1px solid #a2a6a9;
  1433.     text-align: center;
  1434.     vertical-align: middle;
  1435.     }
  1436. #gray_line {
  1437.     border-right: 1px solid #a2a6a9;
  1438.     border-left: 1px solid #a2a6a9;
  1439.     background: #a2a6a9;
  1440.     }
  1441.  
  1442. #dot_cell {
  1443.     text-align: center;
  1444.     vertical-align: middle;
  1445.     }
  1446.  
  1447. #fine_print {
  1448.     vertical-align: top;
  1449.     font-size: 11px;
  1450.     color: #5f5f5f;
  1451.     }
  1452.  
  1453. #pricing {
  1454.     font-size: 12px;
  1455.     }
  1456.  
  1457.  
  1458.  
  1459.  
  1460. /* sample code classes */
  1461. #right_content {
  1462.     text-align: right;
  1463.     font-size: 12px;
  1464.     }
  1465.  
  1466. #sc_content {
  1467.     font-size: 12px;
  1468.     }
  1469.  
  1470.  
  1471. /* mac os x architecture diagram */
  1472. #archtext {
  1473.     font-size: 11px;
  1474.     color: #333;
  1475.     text-decoration: none;
  1476.     line-height: 15px;
  1477.     }
  1478.  
  1479. #topborder {
  1480.     border-top: 1px solid #999;
  1481.     }
  1482.  
  1483. #greylist {
  1484.     line-height: 16px;
  1485.     color: #333;
  1486.     margin-top: 12px;
  1487.     }
  1488.  
  1489. #archtitle {
  1490.     font-size: 12px;
  1491.     color: #000;
  1492.     text-decoration: none;
  1493.     font-weight: bold;
  1494.     }
  1495.  
  1496. #description {
  1497.     font-size: 11px;
  1498.     color: #333;
  1499.     text-decoration: none;
  1500.     line-height: 15px;
  1501.     }
  1502.  
  1503. .archtitle {
  1504.     font-size: 12px;
  1505.     color: #000;
  1506.     text-decoration: none;
  1507.     font-weight: bold;
  1508.     }
  1509.  
  1510.  
  1511.  
  1512. /* original apple css items (unused at this time) */
  1513. /* ---------------------------------------------- */
  1514.  
  1515. h1 {
  1516.     font-weight: bold; font-size: 18px; 
  1517.     }
  1518.  
  1519. #text {
  1520.     font-size: 10px;  line-height: 16px;
  1521.     }
  1522.  
  1523.  
  1524. #bodytext {
  1525.     font-size: 10px; 
  1526.     }
  1527. #bodytextlarge {
  1528.     font-size: 12px; 
  1529.     }
  1530. #bodytitle {
  1531.     font-weight: bold; font-size: 10px; 
  1532.     }
  1533. #bodytitlelarge2 {
  1534.     font-weight: bold; font-size: 12px; 
  1535.     }
  1536. #bodytitlelarge {
  1537.     font-weight: bold; font-size: 12px; font-family: arial, helvetica, sans-serif
  1538.     }
  1539. #bodytitleextralarge {
  1540.     font-weight: bold; font-size: 14px; font-family: arial, helvetica, sans-serif
  1541.     }
  1542. #callout {
  1543.     font-weight: bold; font-size: 14px; color: #737373; 
  1544.     }
  1545. #calloutsubitem {
  1546.     font-size: 10px; color: #666666; 
  1547.     }
  1548. #resourcetitle {
  1549.     font-weight: bold; font-size: 10px; 
  1550.     }
  1551. #resourcetext {
  1552.     font-size: 10px; font-family: helvetica, geneva, arial, sans-serif
  1553.     }
  1554. #resourcehead {
  1555.     font-weight: bold; font-size: 11px; color: #808080; font-family: arial, helvetica, sans-serif
  1556.     }
  1557. #mkt {
  1558.     font-size: 12px; font-family: arial, helvetica, sans-serif
  1559.     }
  1560. #mkt2 {
  1561.     font-size: 14px; font-family: arial, helvetica, sans-serif
  1562.     }
  1563. #breadcrumb {
  1564.     font-weight: bold; font-size: 12px; font-family: arial, helvetica, sans-serif
  1565.     }
  1566. #breadcrumblocation {
  1567.     font-weight: bold; font-size: 12px; color: #cc6600; font-family: arial, helvetica, sans-serif
  1568.     }
  1569. #menutitle {
  1570.     font-weight: bold; font-size: 12px; margin-left: 10px; font-family: arial, helvetica, sans-serif
  1571.     }
  1572. #menutext {
  1573.     font-size: 10px; margin-left: 10px; line-height: 14px; font-family: helvetica, geneva, arial, sans-serif
  1574.     }
  1575. #source {
  1576.     font-size: 9px; color: #666666; font-style: italic; font-family: helvetica, geneva, arial, sans-serif
  1577.     }
  1578.